@charset "utf-8";
*{margin: 0; padding: 0; box-sizing:border-box;-o-box-sizing:border-box;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box;
-webkit-tap-highlight-color: transparent} 
html{-webkit-text-size-adjust:none;}
body{font-size: 14px;line-height: 1.5;background-color:#fff;
  font-family: 'Microsoft YaHei','simsun','arial','tahoma'; }
table {border-collapse:collapse;border-spacing:0;} 
button,input,select,textarea{font-size:100%;}
button{cursor: pointer; border: none}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}
i,em{ font-style:normal;}
ul, ol, li{ list-style: none; }
a{ text-decoration: none;background: none }
a:link, a:visited {text-decoration: none;}
a:focus{ outline:none;}
img{border: none; vertical-align:middle;}
.clearfix{ clear: both;content: ""; display: block; overflow: hidden;}
.fl{float: left;}
.fr{float: right;}
.container{width:100%; max-width: 1200px; margin:0 auto;}

/*header*****************************************************************/
header{height: 125px; line-height: 125px;}
header h1{}
header h1 a{display: block;}

.nav{ width:63%; display: inline-block; margin-left: 5%}
.nav ul{width: 100%;float: left;}
.nav ul>li{ width:12.5%; 
 text-align:center; float:left; position: relative;}
.nav ul>li>a{display:block;color:#666666; font-size:16px; height: 125px; line-height: 145px}
.nav ul>li i{opacity: 0; display: block; width:100%; height:100%; position: absolute;
 top:100%; left:0; background: #007ec5;z-index: -1;
	margin: 0 auto;}
.nav ul>li:hover i, .nav ul>li.cur i{opacity: 1; top: 0}
.nav ul>li:hover, .nav ul>li i{transition:all .5s;
 -webkit-transition:all .5s; -moz-transition:all .5s;
 -ms-transition:all .5s; -o-transition:all .5s;}

.nav ul>li:hover a, .nav ul>li.cur a{color: #fff; }
.nav ul>li:hover a{transition: all 0.5s; -webkit-transition: all 0.5s;
-ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;}
.navclose, .nav_click{ display: none; }

.heay-you{width:21%;}
.heay-reg {margin:10px 0px 20px 0px; line-height: 25px; }
.heay-reg a{font-size: 14px;color: #666; padding-left:23px; margin-left: 10px;
 display: inline-block;}
.heay-reg a:hover{ color: #0065bb; }
.heay-reg a.logh{ padding: 0; } 
.heay-reg a.a1{background: url(../images/hea-reg1.png) no-repeat center left;}
.heay-reg a.a2{background: url(../images/hea-reg3.png) no-repeat center left;}
.heay-reg a.a1:hover{color: #007ec5;
	background: url(../images/hea-reg2.png) no-repeat center left;}
.heay-reg a.a2:hover{color: #007ec5;
	background: url(../images/hea-reg4.png) no-repeat center left;}


.hea-search{width:100%; position: relative; font-size: 14px; color: #b6b6b6;
line-height: 35px}
.hea-search .k{width: 100%;
	border: 1px solid #c7c7c7;height: 35px; line-height: 35px;  padding:0 5px;}
.hea-search .b{background:#717578 url(../images/sea-btnbg.png) no-repeat center center;
width: 35px; height: 35px;
position: absolute; right: 0; top: 0 }


/*banner***************************************************************/
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{width: 100%;}
.swiper-pagination-bullet{opacity:1!important;background: #fff!important;}
.swiper-pagination-bullet-active{background: #f59701!important;}



/*sydtit**************************************************************/
.sydtit{background: url(../images/sydtit-bg.png) no-repeat center center;
width:100%; padding: 5% 0; text-align:center;}
.sydtit b{font-size:30px; color: #000000; font-weight: normal; display: inline-block;} 
.sydtit b i{color: #0069ad}
.sydtit span{font-size: 12px; color: #666666; text-transform: uppercase;
margin-left: 5px}


/*图书类别********************************************************************/
.syshu{display: table;}
.syshu li{width: 24%; margin-right:1.3%;color: #fff;float: left;}
.syshu li a{display: block; color: #fff}
.syshu li figure{width: 100%; overflow:hidden;}
.syshu li figure img{width: 100%;}
.syshu li .syshux{background:#f00 url(../images/syshu1-bg.png) no-repeat 90% center;
padding: 20px; }
.syshu li .syshux01bg{background:#f00 url(../images/syshu1-bg.png) no-repeat 90% center;}
.syshu li .syshux02bg{background:#007ec5 url(../images/syshu2-bg.png) no-repeat 90% center;}
.syshu li .syshux03bg{background:#f59701 url(../images/syshu3-bg.png) no-repeat 90% center;}
.syshu li .syshux04bg{background:#a2238e url(../images/syshu2-bg.png) no-repeat 90% center;}
.syshux span{font-size:24px; display: block; }
.syshux span:after{content: ""; display: block; width: 30px; background: #fff;
height: 3px; margin-top: 5px;}
.syshux i{font-size:14px; display: inline-block; margin-top:40px;padding: 0 15px; height: 30px;
	line-height: 30px;text-align: center; border: 1px solid #fff; }
.syshux span:after{transition: all 0.5s; -webkit-transition: all 0.5s;
-ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;}
.syshu li:hover span:after{width:70%}



/*新书展示********************************************************************/
.xinscroll{padding-bottom: 4px}
.syxin{position: relative;}
.syxin li{border:1px solid #e2e2e2; box-shadow:4px 4px 0px #e5e7e7;
padding: 15px; float: left;}
.syxin li a{display: block;}
.syxin li img{border:1px solid #e2e2e2; width: 100%}
.syxin li p{font-size: 14px; color: #666; line-height: 36px; margin-top:10px;
text-align: center;}
.syxin .swiper-button-prev{left: -50px;width: 30px; height: 58px; margin-top: -28px;
background: url(../images/syjiantou-z.png) no-repeat; transition: all .5s;}
.syxin .swiper-button-next{right: -50px;width: 30px; height: 58px; margin-top: -28px;
background: url(../images/syjiantou-y.png) no-repeat; transition: all .5s;}
.syxin .swiper-button-prev:hover{background: url(../images/syjiantou-zh.png) no-repeat}
.syxin .swiper-button-next:hover{background: url(../images/syjiantou-yh.png) no-repeat}

.boxLine{ display:block; position:absolute; width:0; height:0; z-index:1;}
.boxLine1{ left:0; bottom:0; border-left:0px solid #007ec5; border-bottom:0px solid #007ec5;}
.boxLine2{ right:0; top:0; border-right:0px solid #007ec5; border-top:0px solid #007ec5;}
.syxin li:hover p{color: #007ec5}



/*重磅推荐**************************************************************/
.syimpbg{background: #f4f4f4; width:100%; padding: 30px 0}
.syimp{position: relative;}
.syimp li{border:1px solid #e2e2e2; float: left;padding: 15px;
	box-shadow:#eaebeb 0px 0px 5px 2px; background: #fff;}
.syimp li img{width: 43%;/*height: 297px;*/ float: left;}
.syimp li .syimpy{width: 54%; float: right}
.syimpy span{font-size: 18px; color: #181818; padding-bottom: 15px; margin-bottom: 15px;
 border-bottom: 1px solid #d2d2d2; display: block;}
.syimpy p{font-size: 14px; color: #666666; line-height: 1.8}
.syimpy i{font-size: 14px; color: #181818; border: 1px solid #8c8c8c;display: block;
height: 30px; line-height: 30px; text-align: center;float: right; padding: 0 15px;
margin-top:5px}


.syimp .swiper-button-prev{left: -50px;width: 30px; height: 58px; margin-top: -28px;
background: url(../images/syjiantou-z.png) no-repeat; transition: all .5s;}
.syimp .swiper-button-next{right: -50px;width: 30px; height: 58px; margin-top: -28px;
background: url(../images/syjiantou-y.png) no-repeat; transition: all .5s;}
.syimp .swiper-button-prev:hover{background: url(../images/syjiantou-zh.png) no-repeat}
.syimp .swiper-button-next:hover{background: url(../images/syjiantou-yh.png) no-repeat}

.syimpbg .more{background: #007ec5; width: 300px; height: 60px; line-height: 60px;
color: #fff; font-size: 24px; text-align: center; margin:0 auto; margin-top:4%; display: block;
border-radius: 5px}
.syimpbg .more i{display: inline-block;width:25px; height:12px;
  background: url(../images/syimp-ibg.png) no-repeat center center; opacity: 0; }
.syimpbg .more:hover i{width: 25px; opacity: 1; margin:0 15px;}

.syimp li, .syimpy span, .syimpy i, .syimpbg .more i{transition: all 0.5s; -webkit-transition: all 0.5s;
-ms-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s;}
.syimp li:hover{border:1px solid #007ec5;}
.syimp li:hover i{background: #007ec5; color: #fff; border: 1px solid #007ec5}


/*synews*********************************************************/
.synews {margin-bottom: 5%; display: table;}
.synews .synewsy{width: 34%}
.synewsy figure{width: 100%; height: 205px; overflow: hidden; position: relative;}
.synewsy figure img{width: 100%; height: 100%;}
.synewsy span{display: block; font-size: 14px; color: #000; margin: 8px 0}
.synewsy p{font-size: 14px; color: #666; line-height: 1.6}
.synewsy i{font-size: 14px; color: #616161; border: 1px solid #bababa;display: block;
height: 30px; line-height: 30px; text-align: center;  padding: 0 15px; float: right;
margin-top:10px}
.synewsy:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);
-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}
.synewsy:hover span{color: #007ec5;}
.synewsy:hover i{background: #007ec5; color: #fff; border: 1px solid #007ec5}

.synews .synewsz{width:64%; display: inline-block; }
.synewsz .demo{margin-bottom:2%; padding-bottom: 2%; width: 100%; 
	float: left;border-bottom: 1px solid #fff;  }
.synewsz .demo .date{ display: block;  padding:10px; float: left;
margin-right:3%; overflow: hidden; text-align: center;
border: 1px solid #fff;border-top-color:#d1d1d1;border-bottom-color:#d1d1d1;}
.synewsz .demo .date .day{  display: block; font-size:36px; text-align: right; line-height: 1; color: #000}
.synewsz .demo .date .month{display: block;line-height: 1;  font-size: 14px;color: #585858;
 margin-top:10px;}
.synewsz .demo:hover .date{border: 1px solid #007ec5; background: #007ec5}
.synewsz .demo:hover .date .day{color: #fff;}
.synewsz .demo:hover .date .month{color: #fff}

.synewsz .demo .content{  display: block; overflow: hidden;}
.synewsz .demo .content a{display: block;}
.synewsz .demo .content span{display: block; font-size: 14px;  color: #000; }
.synewsz .demo .content p{  display: block; line-height: 1.8; font-size:14px;
  color: #666; margin-top:10px;}
.synewsz .demo .date,  .synewsz .demo{transition: 0.5s; -webkit-transition: 0.5s; -o-transition: 0.5s;  
  	-ms-transition: 0.5s; -moz-transition: 0.5s;}
.synewsz .demo:hover .content span{color: #007ec5;}
.synewsz .demo:hover{border-bottom: 1px solid #007ec5;
transform: translateY(3px); -webkit-transform: translateY(3px);
-o-transform: translateY(3px); -ms-transform: translateY(3px); -moz-transform: translateY(3px);}



/***online********************************************************/
.online{ position:fixed; right:5px; top:50%; margin-top:-135px; z-index:100;}
.online li{ position:relative; margin-bottom:5px;}
.online li:last-child{ margin-bottom:0; }
.onlineico{ width:50px; height:50px; background:#0069ad; text-align:center; cursor:pointer;}
.onlineico img{ display: block; margin:0 auto; width:100%; }
.onlineconbg{ display:none; position:absolute; right:0; top:0; width:130px; height:50px; background:#0069ad; }
.onlineconbg a{ display:block; text-align:center; line-height:50px; height:50px; color:#FFFFFF; font-size:16px;}
.onlineconbg a span{ display:inline-block; padding-left:35px; }
.onlineconbg a .ico01{ background: url(../images/ico01.png) left center no-repeat; background-size:30px 30px; }
.onlineconbg a .ico04{ background: url(../images/ico04.png) left center no-repeat; background-size:30px 30px; }

.onlineconbg2{ width:200px; background:#0069ad; text-align:center;}

.onlineconbg a.onlineSearchBtn{ display:inline-block; vertical-align:middle; *display:inline;}
.onlineconbg a.onlineSearchBtn img{ margin-top:2px;}
.chat:hover .onlineico{ background: #0069ad; }
.wechat{ border-radius: 5px;  background: #0069ad; padding:10px; width: 115px; height: 115px; display: none; position: absolute; right:50px; top: -31px; }
.wechat img{ width: 95px; height: 95px; display: block; }
.onlineSearchInput{ float:left; margin:10px 0 10px 10px; width:140px; height:30px; line-height:30px; border:none; background:#FFFFFF; padding:0 10px;}
.onlinebut{ width: 50px; height: 50px; float:left; background: url(../images/ico02.png) center center no-repeat; background-size:100% 100%; }
.online_top{ display:none;}




/**footer********************************************************/
.foot{background: #252525; font-size: 14px;color: #6b6b6b; padding: 15px 0; clear: both;}
.link{width: 100%; padding-bottom: 15px; margin-bottom: 15px;
background: url(../images/foot-xianbg.jpg) repeat-x bottom}
.link span{ display: block; margin-bottom: 10px; }
.link a{ color: #6b6b6b; }
.link a:hover{text-decoration:underline; color: #007ec5}
.link i{ margin:0 10px;}
.foot-di{width: 100%; padding-bottom: 15px;background: url(../images/foot-xianbg.jpg) repeat-x bottom;
display: inline-block;}
.foot-di li{float: left; margin-right: 4px}
.foot-di li img{float: left; margin-right:10px;}
.foot-di li p{float: left; }
.copy{text-align: right; margin-top:5px;}

.copy a{ color:#6b6b6b;}
.copy a:hover{  color:#ffffff;}
/*内页****公共**********************************************************/
.nban{width: 100%; overflow: hidden; position:relative;}
.nban img{ max-width:100%; width: 100%}

.posi{width: 100%; background: #f2f2f2; padding:15px 0;
font-size: 14px; color: #666;}
.posi a{color: #666;}
.posi a:hover{color: #007ec5}

/*nxtit*/
.nxtit{width: 100%; text-align: center; padding:4% 0}
.nxtit span{font-size: 30px; color: #000; display: block;}
.nxtit:after{ display: block; content: "";margin:0 auto; margin-top: 10px;
  background:#8b8b8b; width: 50px; height: 2px; }

.neirong{width: 100%; overflow: hidden; font-size:14px; color: #666;
line-height: 1.8; margin-bottom: 4%}
.neirong p{width: 100%; overflow: hidden; font-size:14px; color: #666;
line-height: 1.8;}
.neirong img{width: auto; max-width: 100%}

.fenye{width: 100%; display: inline-block; padding-top:40px; margin:4% 0;  border-top: 1px solid #e0e0e0;
  text-align:center; font-size:14px; }
.fenye a{ color:#000;padding:8px 15px; margin:0 2px; 
	border: 1px solid #eeeeed; display: inline-block; margin-bottom: 3px}
.fenye a:hover{color:#fff;background: #007ec5}
.fenye span{color:#fff;background: #007ec5; padding:8px 15px;
 margin:0 5px;display: inline-block;margin-bottom: 3px }
.fenye input{width: 40px; height:38px; border: 1px solid #eeeeed}
.fenye .dian{background: #b2b2b2; color: #fff;}


/*news*******************************************************************/
.list_img{width:100%;display: inline-block; margin-bottom: 4%}
.list_img .liimg{width: 27%;height: 230px; overflow:hidden;}
.list_img .liimg img{width:100%; height: 100%}
.list_img .litxt{ width:69%;}
.list_img .litxt a{ color:#000; display:block; }
.list_img .litxt span{ font-size:18px; margin-bottom:20px; display: block;}
.list_img .litxt:hover a{ color:#0493e1;}
.list_img .litxt p{ color:#666; font-size:14px; line-height:1.8;}
.list_img .litxt .more{font-size: 14px; color: #181818; border: 1px solid #8c8c8c;display: block;
height: 30px; line-height: 30px; text-align: center;padding: 0 15px; margin-top:4%}

.list_img .litxt:hover .more{background:#007ec5; color: #fff;border: 1px solid #007ec5}
.list_img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);
-o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1);}

.list_new{ width: 100%;display: inline-block;}
.list_new li{width:100%; color:#666; font-size:14px; line-height:36px; float: left;}
.list_new li a{color:#666; display: block;max-width: 70%; float: left;
 height: 36px; overflow: hidden;}
.list_new li a:hover{ color:#007ec5; }
.list_new span{ float:right; }
.list_new li{transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}
.list_new li:hover{transform: translateX(5px); -webkit-transform: translateX(5px);
-o-transform: translateX(5px); -ms-transform: translateX(5px); -moz-transform: translateX(5px);}

/*newscon***********************************************************************/
.newscon-t{width: 100%; padding:3% 0; border-bottom: 1px solid #e0e0e0;
text-align: center; margin-bottom: 4%}
.newscon-t h1{font-size:24px; color: #000;}
.newscon-t span{font-size: 14px; color: #666; line-height: 30px; display: block;}
.jiathis_style{margin-top: 15px}

/*artpage*/
.art_page{border-top: 1px solid #e0e0e0; width: 100%;padding-top:20px; margin:3% 0;
display: inline-block;}
.art_pagez a{ font-size:14px; color:#666666; display: block; margin:10px 0;}
.art_page a:hover{ color:#007ec5; text-decoration:underline;}

/*contact********************************************************************/
.contact-t{width:100%;font-size:30px; color:#3e3e3e; display: block; margin: 4% 0}
.contact-t i{font-size: 18px; color:#666; display: block; margin-top:20px;}
.form{width: 100%; display: inline-block; margin-bottom: 4%}
.form p{float: left;width: 50%; margin-bottom: 20px}
.form p span{font-size: 14px; color: #6b6b6b; width:17%; text-align: right; float: left;}
.form p .k{font-size: 14px; color: #6b6b6b; width: 76%; float: left; margin-left: 2%;
border: 1px solid #e0e0e0; padding: 0px 10px; height: 40px; line-height: 40px;}
.form p.dp{width: 100%}
.form p.dp span{width: 100px}
.form p.dp .dk{margin-left:1%; line-height: 1.8; height: 180px;width: 88%;}
.form .b{font-size: 18px; color: #fff; width:20%; margin-left:10%;
background: #007ec5; height:50px; line-height:50px; text-align: center;}

.ditu{width: 100%}
.ditu-zi{font-size: 14px; color: #6b6b6b; line-height:2; margin: 4% 0}



/*course********************************************************************/
.course{ overflow:hidden; margin: 4% 0}
.course li{ float:left;overflow: hidden; width: 32.5%; margin-right: 1%; margin-bottom:1%;}
.course li a{ display:block; width:100%; position:relative;}
.course li a img{width:100%;}
.coursebg{position:absolute;left:0;top:0;
	width:100%;height:100%;background:rgba(0,0,0,.6)}
.course-t{ position:absolute; left:40px; top:30px; color:#FFFFFF; font-size:12px;}
.course-t h3{ font-size:30px; line-height:120%;}
.course-t p{ text-transform:uppercase;font-size:12px;}
.course-t i{ display:block; width:26px; height:2px; 
	background:#FFFFFF;margin:10px 0 0;transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}
.course li:hover .coursebg{background:rgba(0,0,0,.4);}
.course li:hover i{width: 100%}
.course li:hover img{transform: scale(1.3); -webkit-transform: scale(1.3);
-o-transform: scale(1.3); -ms-transform: scale(1.3); -moz-transform: scale(1.3);}

/*coursecon********************************************************************/
.coursecon-top{ padding:35px 0 25px; overflow:hidden;}
.coursecon-top li{ float:left; position:relative; line-height:45px; height:45px;
 margin-right:1%; width: 10.1%; text-align: center;}
.coursecon-top li a{ display:block; font-size:18px; color:#FFFFFF; border-radius:5px;}
.coursecon-top li a i{ display:none; position:absolute; left:50%; bottom:-7px; margin-left:-8px;
width: 0;height: 0;border-style: solid;border-width: 7px 8px 0 8px;}

.coursecon-top li.li1 a{  background:#da4562;}
.coursecon-top li.li1 i{ border-color: #da4562 transparent transparent transparent;}
.coursecon-top li.li2 a{ background:#da8145;}
.coursecon-top li.li2 i{ border-color: #da8145 transparent transparent transparent;}
.coursecon-top li.li3 a{ background:#cfa023;}
.coursecon-top li.li3 i{ border-color: #cfa023 transparent transparent transparent;}
.coursecon-top li.li4 a{ background:#8bbc15;}
.coursecon-top li.li4 i{ border-color: #8bbc15 transparent transparent transparent;}
.coursecon-top li.li5 a{ background:#00bb65;}
.coursecon-top li.li5 i{ border-color: #00bb65 transparent transparent transparent;}
.coursecon-top li.li6 a{ background:#07b1c0;}
.coursecon-top li.li6 i{ border-color: #07b1c0 transparent transparent transparent;}
.coursecon-top li.li7 a{ background:#4596da;}
.coursecon-top li.li7 i{ border-color: #4596da transparent transparent transparent;}
.coursecon-top li.li8 a{ background:#7645da;}
.coursecon-top li.li8 i{ border-color: #7645da transparent transparent transparent;}
.coursecon-top li.li9 {margin-right: 0}
.coursecon-top li.li9 a{ background:#d744b5;}
.coursecon-top li.li9 i{ border-color: #d744b5 transparent transparent transparent;}
.coursecon-top li.active i{ display:block;}



.coursecon-xia{ padding:10px 0 0;}
.coursecon-xia li{ line-height:60px; height:60px; padding:0 20px; border:1px solid #e1e1e1; 
margin-bottom:15px;}
.coursecon-xia li a{ padding-left:30px; font-size:14px; color:#666;display: inline-block;
background:url(../images/coursecon-xiaabg.png) 2% center no-repeat; }
.coursecon-xia li:hover{background: #1488ea }
.coursecon-xia li:hover a{color: #fff;background:url(../images/coursecon-xiaabgh.png) 2% center no-repeat;}
.coursecon-xiaBtn{ float:right;}
.coursecon-xiaBtn a{ display:inline-block; margin:0 10px; padding-left:35px;}
.coursecon-xiaBtn a.bt1{ background:url(../images/coursecon-xiabtn1.png) left center no-repeat;}
.coursecon-xia li:hover a.bt1{ background-image:url(../images/coursecon-xiabtn1h.png)}
.coursecon-xiaBtn a.bt2{ background:url(../images/coursecon-xiabtn2.png) left center no-repeat;}
.coursecon-xia li:hover a.bt2{ background-image:url(../images/coursecon-xiabtn2h.png)}
.coursecon-xiaBtn a.bt3{ width: 72px; margin-right: 0; text-align: left; background:url(../images/coursecon-xiabtn3.png) left center no-repeat;}
.coursecon-xia li:hover a.bt3{ background-image:url(../images/coursecon-xiabtn3h.png)}
.coursecon-xia li{transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}

.coursecon-xiaBtn a.on{ color: #e94554; background:url(../images/shouc.png) left center no-repeat; }
/*wei****************************************************************/
.classfiy{ margin: 4% 0; width: 100%; }
.classfiyItem{ padding:20px 0; border-bottom:1px dotted #e0e0e0; width: 100%; display: inline-block;}
.classfiyItem span{ float:left; margin-right: 10px; font-size:18px; color:#0065bb;}
.classfiyList{ float:left; width:90%;font-size:14px; color:#666666;}
.classfiyList a{ display:inline-block; padding:0 10px; margin:0 5px 5px 5px;
 line-height:30px; height:30px; font-size:14px; color:#666666;}
.classfiyList a:hover, .classfiyList a.active{ background:#007ec5; color:#fff;}
.classfiyList i{}

.classfiySearch{ padding:20px 0;  width: 100%; display: inline-block;}
.classfiySearch span{ float:left; margin-right: 10px; 
	font-size:18px; color:#0065bb; line-height: 30px}

.classfiyList-sea{width:25%; float: left; position: relative; font-size: 14px; color: #b6b6b6;}
.classfiyList-sea .k{width: 100%;
	border: 1px solid #c7c7c7;height: 35px; line-height: 35px;  padding:0 5px;}
.classfiyList-sea .b{background:#717578 url(../images/sea-btnbg.png) no-repeat center center;
width: 35px; height: 35px;
position: absolute; right: 0; top: 0 }

.classxia{width: 100%; display: inline-block;}
.classxia li{width: 31%; float: left; margin-bottom: 20px; margin-right: 3%}
.classxia li a{display: block;}
.classxia li img{width: 100%; margin-bottom:15px;}
.classxia li span{font-size: 14px; color: #666666; line-height: 1.8; display: block;
transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}
.classxia li p{font-size: 14px; color: #666666; line-height: 1.8;}
.classxia li:hover span{color:#007ec5; margin-left:5px;}


/*weicon****************************************************************/
.weicon{width: 100%;display: inline-block;}
.weicon-return{background: #007ec5 url(../images/weicon-returnbg.png) no-repeat 18px center;
 border-radius: 20px;font-size: 14px; color: #fff; margin-top: 20px;
width: 130px; height: 35px; line-height: 35px; text-align: center;
transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}
.weicon-return:hover{background-position-x:30px; padding-left:30px}

.weiconz{width: 77%; margin-top:55px;}
.weiconz h1{font-size: 30px; color: #000; text-align: center; margin-bottom: 20px}
.weiconz-s{width: 100%; background: #333333; }
.weiconz-s video{width: 100%; height: 520px;}
.weiconz-x{width: 100%; margin:30px 0; display: inline-block;}
.weiconz-x span{display: block; font-size: 18px; color: #0072bb;
padding-bottom: 30px; margin-bottom: 30px; border-bottom:1px solid #e0e0e0;}
.weiconz-x .weiconz-xtxt{width: 50%; float: left; font-size: 14px; color: #666666;
line-height: 1.8}

.weicony{width: 20%; margin-bottom: 30px; margin-top:60px;}
.weicony span{font-size: 18px; color: #0072bb; display:block; margin-bottom: 10px;}
.weicony li{width: 100%; }
.weicony li a{display: block;}
.weicony li img{width: 100%; }
.weicony li p{font-size: 14px; color: #666666; margin: 10px 0}
.weicony li:hover p{color: #0072bb}

/*book*******************************************************************/
.bookz{width: 22%; margin-top: 30px; display: inline-block;}
.bookz>li{ width:100%;  float:left;  line-height:50px; font-size:18px;
color:#fff; text-align: center; background: #007ec5}
/*.bookz>li>a{ display:block; color:#fff; text-align: center;}*/
.bookz-zi{font-size:14px;background: #f4f4f4; padding:20px; width: 100%}
.bookz-zi>a{text-align: left; padding-left:16px; display:block;color:#666; line-height: 28px;}
.bookz-zi>a:before{content: ""; display: inline-block; width: 0; height:2px;
background: #666; float: left; margin:14px 5px 0 0;
transition: .6s all;
  -webkit-transition: .6s all; -o-transition: .6s all;
  -ms-transition: .6s all; -moz-transition: .6s all;}
.bookz-zi>a:hover:before{width:7px;}
.bookz-zi>a:hover,.bookz-zi>a.on{text-decoration: underline; color: #007ec5}

.booky{width:75%; margin-top: 30px;}
.booky-top{width: 100%; display: inline-block; margin-bottom: 30px}
.booky-top2{margin:40px 0 0 0;}

.booky-top span{float: left; line-height: 34px}
.booky-sea{float: left; width:33%; position: relative; font-size: 14px; color: #b6b6b6;}
.booky-sea .k{width: 100%;
	border: 1px solid #c7c7c7;height: 35px; line-height: 35px;  padding:0 5px;}
.booky-sea .b{background:#0072bb url(../images/booky-sea-bbg.jpg) no-repeat center center;
width:61px; height: 35px;position: absolute; right: 0;   top: 0}

.booky>li{float: left;width: 23.5%; margin-right:2%; margin-bottom:15px; position: relative;border: 1px solid #fff}
.booky>li a{display:block; z-index: 2}
.booky>li img{width: 100%; border:1px solid #e2e2e2;}
.booky>li p{font-size: 14px; color: #666; line-height: 24px; margin:12px 0; text-align: center;}
.booky>li{transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}
.booky>li:hover p{color: #007ec5}
.booky>li:hover{border: 1px solid #007ec5}


/*bookcon******************************************************************/
.bookcontop{margin: 3% 0; width: 100%; display: inline-block;}
.bookcontop-img{ width:22%;/* height:322px;*/}
.bookcontop-img img{ width:100%; height: 100%}
.bookcontop-you{ width:75%;}
.bookcontop-you h1{ font-size:24px; color:#3c3c3c; 
padding-bottom: 30px; border-bottom:1px solid #e6e6e6;}
.bookcontop-you h1 .return{background: #007ec5 url(../images/weicon-returnbg.png) no-repeat 18px center;
 border-radius: 20px;font-size: 14px; color: #fff; margin-top:2px;
width: 130px; height: 35px; line-height: 35px; text-align: center;
transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}
.bookcontop-you h1 .return:hover{background-position-x:30px; padding-left:30px}

.bookcontop-youtxt{ margin:3% 0; line-height:34px; font-size:0;}
.bookcontop-youtxt p{ display:inline-block; vertical-align:middle; *display:inline; zoom:1;
 width:49.9%; font-size:14px; color: #666}


.bookconbtn{ list-style:none; overflow:hidden;}
.bookconbtn li{ float:left; margin-right:10px; width:124px; height:40px; line-height:40px;}
.bookconbtn li a{ display:block; text-align:center; color:#FFFFFF; border-radius:4px;}
.bookconbtn li a img{ vertical-align:middle; margin-top:-2px; padding-right:5px;}
.bookconbtn li a:hover{ text-decoration:underline;}

.bookconbtn li.bookconbtnshare{ width:auto; padding-left:20px;}
.bookconbtnshare .article_share{display:inline-block; vertical-align:middle; *display:inline; zoom:1;}
.bookconbtnshare .article_share a{ height:40px; width:30px; float:left; padding:0 5px;
	cursor:pointer; background-position:center center; background-repeat:no-repeat;}
.bookconbtnshare .article_share .jiathis_button_tsina{ background-image:url(../images/share_ico1.png);}
.bookconbtnshare .article_share .jiathis_button_weixin{ background-image:url(../images/share_ico2.png);}
.bookconbtnshare .article_share .jiathis_button_tqq{ background-image:url(../images/share_ico3.png);}

/**/
.bookdetailTabBg{ padding-bottom:25px; overflow:hidden;}
.bookdetailTabBg.active{ height:40px;}
.bookdetailTab{ list-style:none; background:#f4f4f4; line-height:40px; height:40px;}
.bookdetailTab.active{ position:fixed; top:0; width:1200px; left:0;right: 0; margin: 0 auto}
.bookdetailTab li{ float:left; position:relative;}
.bookdetailTab li a{ display:block; color:#555555; padding:0 34px; cursor:pointer;}
.bookdetailTab li i{ display:none; width:0; height:0; border:7px solid transparent; border-top: 7px solid #0072bb;
	position:absolute; left:50%; margin-left:-5px; top:100%;}
.bookdetailTab li.active a,.bookdetailTab li a:hover{ font-weight:bold; background:#0072bb; 
	color:#FFFFFF;}
.bookdetailTab li.active i{ display:block;}


.bookdetailCon .biaoti{ padding:20px 0px 20px 20px; font-size:18px; color:#0072bb;border-bottom:1px solid #dddddd;
 background: url(../images/bookcon-biaotibg.png) no-repeat left center;margin-bottom: 30px;}
.bookdetailCon .txt{margin-bottom: 30px; font-size: 14px; color: #666; line-height: 2}
.bookdetailCon .txt img{ max-width:100%;}


/*login*************************************************************************/
.loginbg{ background:url(../images/login-bg.jpg) no-repeat center center; background-size:100% 100%;
width: 100%; min-height: 600px; clear: both; padding: 40px 0}
.login{background:#fff; width:420px; padding:35px;}
.login h3{ font-size:24px; color:#232323; padding-bottom:35px; text-align: center;}
.loginlist{}
.loginlist li{ font-size:14px; color:#666;  margin-bottom:30px; position: relative;}
.loginlist li span{width: 14%; display: inline-block; text-align: right; margin-right: 2%; color:#333;}
.loginlist li>input{ width:78%; height:40px; line-height:40px;border: 1px solid #ccc;
 background:none;padding:0 10px;}
.loginlist li>input.xk{width:40%}
.loginlist li img.code{ height:38px; cursor: pointer; }
.forpas{ text-align: right; }
.forpas label{ float: left; line-height:26px;}
.forpas label input{ }
.forpas a{ font-size:14px; color:#888888; line-height:26px; text-align: right;}
.forpas a:hover{text-decoration: underline;color:#0072bb;}
.loginBtn{ display:block; width:100%; margin:0 auto;height:45px; line-height:45px;
 text-align:center; color:#fff; background:#e70012; font-size:16px;}
.loginTip{ padding-top:22px; font-size:14px; color:#999999;}
.loginTip a{ color:#eb6f01;}
.loginTip a:hover{ text-decoration:underline; color:#0072bb;}


/*getpass*/
.getpassbg{}
.getpass{ background:#FFFFFF; width:600px;padding:45px; margin:0 auto;}
.getpass h3{ font-size:26px;padding-bottom: 40px}
.getpass .loginlist li input{ width:90%; padding-left:30px;
	border-top:none; border-left: none; border-right: none;}
.getpass .loginlist li span{position: absolute; left: 0; top: 8px;width: auto;}
.forgetPwdBot{ padding-top:28px;}
.getpassbtn {width: 100%; display: inline-block;}
.getpassbtnb{ float:left; margin-right:30px; width:116px; height:40px; line-height:40px; text-align:center; font-size:14px; color:#FFFFFF;
 background:#0072bb;}
.getpassbtn p{ line-height:40px; padding:0;}



/*register*/
.registerbg{ height: 900px;
background:url(../images/regist-bg.jpg) no-repeat center center;}
.register{ width:600px;  padding:45px; margin:0 auto; background:#fff;}
.register h3{ font-size:26px;padding-bottom: 40px; text-align: center;}
.jiaose{position: relative; width: 70%; float: left;}
.jiaose input{width: 100%!important; cursor:pointer;}
.selectIco{ position:absolute; right:12px; top:18px; width:15px; height:8px;
 background:url(../images/selectIco.png) center center no-repeat;}
.jiaosexuan{ position:absolute; left:-1px; top:42px; 	display:none;
	border:1px solid #C4C4C4; background:#fff; width:100%; padding:10px 0;}
.jiaosexuan li{ font-size:14px; color:#888888; line-height:36px; padding-left:36px; cursor:pointer;}
.jiaosexuan li:hover{ background:#888888; color:#fff;}


.regItem{width: 100%; font-size:14px; color:#777777; line-height:40px; padding-bottom:5px; display: inline-block;}
.regItem label{ float:left; width:19%; text-align:right; padding-right:13px;}
.regItem input{ float:left; width:70%;height:40px; line-height:40px; padding: 0 10px;
	border:1px solid #ccc;}
.regItem textarea{float:left; width:70%;height:100px; line-height:25px; padding: 0 10px;
	border:1px solid #ccc;}
.regItem .btn{background: #0072bb; width: 120px; height: 40px; 
line-height: 40px; color: #fff; text-align: center;}
.regItem .loginTip{padding-top: 0}

.regItem .regItemaa{width:34%; height:40px;  line-height: 40px;
	border:1px solid #c4c4c4;border-radius:2px; position:relative;
	 padding:0 35px; margin-bottom:16px;margin-right:4px;}
.regItem .regItemaa2{margin-left:19%;}
.reading{ font-size:12px; color:#0072bb; padding-left:20px; display:block; margin-right:5px; background:url(../images/CheckIco1.png) left center no-repeat;}
.reading.active{ background-image:url(../images/CheckIco1a.png);}


.registzi{ border-top:1px solid #e0e0e0; margin-top:20px; padding-top:20px; font-size:12px; color:#808080; line-height:26px;}
.registzi strong{ font-size:14px; color:#444444; line-height:30px; display:block; padding-bottom:10px;}
.registziul{display: inline-block; width: 100%}
.registziul li{float: left; width: 100%}
.registziul li span{ float:left; font-weight:bold; color:#666666; width:60px;}
.registziul li p{ float:left; width:80%;}
.yzm input{ width:40%;}






.jihuo{ height: 80px; line-height: 80px; text-align: center; }
.jihuo a{ color: #007ec5; }


.member{  overflow: hidden; }
.mem_nav{ float: left; width: 15%;background: #ffffff;}
.mem_nav h3{ background: #0069ad; text-align: center; float: left; width: 100%; height: 100px; line-height: 100px; color: #ffffff; font-size: 28px; }
.mem_nav li{ float: left; width: 100%; text-align: center; border-bottom: 1px solid #dcdcdc; height:50px; line-height: 50px; font-size: 14px; }
.mem_nav li a{ display: block; color:#666666;}
.mem_nav li.on a{ color:#0069ad; font-weight:bold;}
.mem_nav li:hover a{ color:#0069ad; font-weight:bold;}

.mem_main{ float: right; width:80%; padding:20px 30px; background: #ffffff;}

.mem_tle{ margin-bottom: 20px; height: 40px; line-height: 40px; border-bottom: 2px solid #0069ad;}
.mem_tle span{ color: #0069ad; font-size: 18px;}
.mem_txt{ font-size:14px; padding: 0 20px; color: #333333; line-height:30px; }

.shenqing{ display:none; overflow:hidden; width:600px; border:1px solid #dcdcdc;box-shadow: 0 0 8px #cccccc; padding-bottom:20px; position:fixed; top:50%; left:50%; margin:-240px 0 0 -300px; background:#ffffff; z-index:999;}
.shenqing .cols{ cursor:pointer; position:absolute; right:0;top:0;width:60px; height:30px; text-align:center; line-height:30px; font-size:14px; background:#0072bb; color:#ffffff;}
.shenqing .sqtle{ height:40px; line-height:40px; margin:20px 0; width:100%; border-bottom:1px solid #dcdcdc;}
.shenqing .sqtle span{ font-size:18px; color:#333333; margin-left:30px;}
.sqzz{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); }

.play{display:none; position: fixed; overflow:hidden; width:460px; height: 200px; border:1px solid #dcdcdc;box-shadow: 0 0 8px #cccccc; padding-bottom:20px; top:50%; left:50%; margin:-100px 0 0 -230px; background:#ffffff; z-index:999;}
.play p{ padding:70px 30px; font-size: 18px; line-height: 30px; color: #0072bb;}
.play .cols{ cursor:pointer; position:absolute; right:0;top:0;width:60px; height:30px; text-align:center; line-height:30px; font-size:14px; background:#0072bb; color:#ffffff;}

.showimg{ text-align: center; padding:20px 0; border-top:1px solid #dcdcdc; }
.showimg img{ max-width:100%; }

img{transition: .5s; -webkit-transition: .5s; -o-transition: .5s;  
  	-ms-transition: .5s; -moz-transition: .5s;}
.hoveryuan{	position: relative;}
.hoveryuan:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;filter:alpha(opacity=0);
}
.hoveryuan:hover:before { -moz-animation: circle .75s; -ms-animation: circle .75s;
 -o-animation: circle .75s;	-webkit-animation: circle .75s;	animation: circle .75s;}

@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}